<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./demo.css">
</head>

<body>
    <div class="wrap container">
        <div class="body">
            <header>
                <div class="sousuo">
                    <select name="" id="">
                        <option value="宝贝">宝贝</option>
                    </select>
                    <input type="text" name="" id="header-ipt" placeholder="精品多肉植物"><button
                        class="header-btn">搜索</button>
                </div>
                <ul class="header-ul">
                    <li><a href="">新款连衣裙</a></li>
                    <li><a href="">四件套</a></li>
                    <li><a href="">潮流T桖</a></li>
                    <li><a href="">时尚女鞋</a></li>
                    <li><a href="">短裤</a></li>
                    <li><a href="">半身裙</a></li>
                    <li><a href="">男士外套</a></li>
                    <li><a href="">墙纸</a></li>
                    <li><a href="">行车记录仪</a></li>
                    <li><a href="">新款男鞋</a></li>
                    <li><a href="">耳机</a></li>
                    <li><a href="">时尚女包</a></li>
                    <li><a href="">沙发</a></li>
                </ul>
                <img src="./image/Snipaste_2021-06-28_16-07-14.png" alt="" class="header-img">
            </header>
            <nav>
                <ul class="nav-ul">
                    <li><a href="">主题市场</a></li>
                    <li><a href="">天猫</a></li>
                    <li><a href="">聚划算</a></li>
                    <li><a href="">天猫超市</a></li>
                    <li><a href="">|</a></li>
                    <li><a href="">司法拍卖</a></li>
                    <li><a href="">飞猪旅行</a></li>
                    <li><a href="">天天特卖</a></li>
                    <li><a href="">淘小铺</a></li>
                    <li><a href="">|</a></li>
                    <li><a href="">造点新货</a></li>
                    <li><a href="">苏宁易购</a></li>
                    <li><a href="">淘宝心选</a></li>
                    <li><a href="">智能生活</a></li>
                </ul>
            </nav>
            <div class="left">
                <ul class="left-ul">
                    <li>
                        <a href="#">女装</a> /
                        <a href="#">内衣</a>
                        / <a href="#">家居</a><i>></i>
                    </li>
                    <li>
                        <a href="#">女鞋</a> /
                        <a href="#">男鞋</a>
                        / <a href="#">箱包</a><i>></i>
                    </li>
                    <li>
                        <a href="#">母婴</a>
                        /
                        <a href="#">童装</a>

                        / <a href="#">玩具</a><i>></i>
                    </li>

                    <li>
                        <a href="#">男装</a> /
                        <a href="#">运动户外</a><i>></i>
                    </li>

                    <li>
                        <a href="#">美妆</a> /
                        <a href="#">彩妆</a>

                        / <a href="https://s.taobao.com/search?q=个护" data-cid="1" data-dataid="222889">个护</a>

                        <i>></i>
                    </li>

                    <li data-closeper aria-label="查看更多" role="menuitem" aria-haspopup="true" data-groupid="5"
                        class="J_Cat a-all">
                        <a href="https://s.taobao.com/search?q=手机" data-cid="1" data-dataid="222887">手机</a> /
                        <a href="https://s.taobao.com/search?q=数码" data-cid="1" data-dataid="222890">数码</a>

                        / <a href="https://s.taobao.com/search?q=办公" data-cid="1" data-dataid="222889">企业</a>

                        <i>></i>
                    </li>

                    <li data-closeper aria-label="查看更多" role="menuitem" aria-haspopup="true" data-groupid="6"
                        class="J_Cat a-all">
                        <a href="https://s.taobao.com/search?q=大家电" data-cid="1" data-dataid="222887">大家电</a> /
                        <a href="https://s.taobao.com/search?q=生活电器" data-cid="1" data-dataid="222890">生活电器</a>

                        <i>></i>
                    </li>

                    <li data-closeper aria-label="查看更多" role="menuitem" aria-haspopup="true" data-groupid="7"
                        class="J_Cat a-all">
                        <a href="https://s.taobao.com/search?q=零食" data-cid="1" data-dataid="222887">零食</a> /
                        <a href="https://s.taobao.com/search?q=生鲜" data-cid="1" data-dataid="222890">生鲜</a>

                        / <a href="https://s.taobao.com/search?q=茶酒" data-cid="1" data-dataid="222889">茶酒</a>

                        <i>></i>
                    </li>

                    <li data-closeper aria-label="查看更多" role="menuitem" aria-haspopup="true" data-groupid="8"
                        class="J_Cat a-all">
                        <a href="https://s.taobao.com/search?q=厨具" data-cid="1" data-dataid="222887">厨具</a> /
                        <a href="https://s.taobao.com/search?q=收纳" data-cid="1" data-dataid="222890">收纳</a>

                        / <a href="https://s.taobao.com/search?q=清洁" data-cid="1" data-dataid="222889">清洁</a>

                        <i>></i>
                    </li>

                    <li data-closeper aria-label="查看更多" role="menuitem" aria-haspopup="true" data-groupid="9"
                        class="J_Cat a-all">
                        <a href="https://s.taobao.com/search?q=家纺" data-cid="1" data-dataid="222887">家纺</a> /
                        <a href="https://s.taobao.com/search?q=家饰" data-cid="1" data-dataid="222890">家饰</a>

                        / <a href="https://s.taobao.com/search?q=鲜花" data-cid="1" data-dataid="222889">鲜花</a>

                        <i>></i>
                    </li>

                    <li data-closeper aria-label="查看更多" role="menuitem" aria-haspopup="true" data-groupid="10"
                        class="J_Cat a-all">
                        <a href="https://s.taobao.com/search?q=图书音像" data-cid="1" data-dataid="222887">图书音像</a> /
                        <a href="https://s.taobao.com/search?q=%E6%96%87%E5%85%B7&imgfile=&commend=all&ssid=s5-e&search_type=item&sourceId=tb.index&spm=a21bo.2017.201856-taobao-item.1&ie=utf8&initiative_id=tbindexz_20170306"
                            data-cid="1" data-dataid="222890">文具</a>

                        <i>></i>
                    </li>

                    <li data-closeper aria-label="查看更多" role="menuitem" aria-haspopup="true" data-groupid="11"
                        class="J_Cat a-all">
                        <a href="https://s.taobao.com/search?q=医药保健" data-cid="1" data-dataid="222887">医药保健</a> /
                        <a href="https://s.taobao.com/search?q=%E8%BF%9B%E5%8F%A3&imgfile=&js=1&stats_click=search_radio_all%3A1&initiative_id=staobaoz_20201113&ie=utf8"
                            data-cid="1" data-dataid="222890">进口</a>

                        <i>></i>
                    </li>

                    <li data-closeper aria-label="查看更多" role="menuitem" aria-haspopup="true" data-groupid="12"
                        class="J_Cat a-all">
                        <a href="https://car.tmall.com/wow/car/act/carfp" data-cid="1" data-dataid="222887">汽车</a> /
                        <a href="https://huodong.taobao.com/wow/pm/default/pcgroup/c51a5b?disableNav=YES" data-cid="1"
                            data-dataid="222890">二手车</a>

                        / <a href="https://car.tmall.com/wow/car/act/carfp" data-cid="1" data-dataid="222889">用品</a>

                        <i>></i>
                    </li>

                    <li data-closeper aria-label="查看更多" role="menuitem" aria-haspopup="true" data-groupid="13"
                        class="J_Cat a-all">
                        <a href="https://s.taobao.com/search?q=%E5%A4%A9%E7%8C%AB%E5%A5%BD%E6%88%BF&imgfile=&js=1&stats_click=search_radio_all%3A1&initiative_id=staobaoz_20200925&ie=utf8"
                            data-cid="1" data-dataid="222887">房产</a> /
                        <a href="https://s.taobao.com/search?q=装修" data-cid="1" data-dataid="222890">装修家具</a>

                        / <a href="https://s.taobao.com/search?q=建材" data-cid="1" data-dataid="222889">建材</a>

                        <i>></i>
                    </li>

                    <li data-closeper aria-label="查看更多" role="menuitem" aria-haspopup="true" data-groupid="14"
                        class="J_Cat a-all">
                        <a href="https://s.taobao.com/search?q=手表" data-cid="1" data-dataid="222887">手表</a> /
                        <a href="https://s.taobao.com/search?q=眼镜" data-cid="1" data-dataid="222890">眼镜</a>

                        / <a href="https://s.taobao.com/search?q=珠宝饰品" data-cid="1" data-dataid="222889">珠宝饰品</a>

                        <i>></i>
                    </li>

                </ul>
                <div class="left-img">
                    <img src="./image/O1CN017UvMFn1iCiGeenusc_!!6000000004377-0-octopus.jpg" alt="" class="left-img1">
                    <img src="./image/O1CN01Arkn9I1wLmjWSNfLA_!!6000000006292-0-octopus.jpg_290x290q90.jpg_.webp" alt=""
                        class="left-img2">
                </div>
                <div class="left-message">
                    <img src="./image/getAvatar.jfif" alt="" class="left-messageimg1">
                    <p class="left-message-p1">Hi! 富有的楠楠</p>
                    <span>领淘金币抵钱</span><span>会员俱乐部</span>
                    <ul class="left-message-ul1">
                        <li>
                            <p>9</p>
                            <p>待收货</p>
                        </li>
                        <li>
                            <p>1</p>
                            <p>待发货</p>
                        </li>
                        <li>
                            <p>0</p>
                            <p>待付款</p>
                        </li>
                        <li>
                            <p>8</p>
                            <p>待评价</p>
                        </li>
                    </ul>
                    <img src="./image/O1CN01giZLk91hiwVnt0IeQ_!!6000000004312-0-tps-540-120.jpg" alt=""
                        class="left-messageimg2">
                    <ul class="left-message-ul2">
                        <li><a href="">公告</a></li>
                        <li><a href="">规则</a></li>
                        <li><a href="">安全</a></li>
                        <li><a href="">公益</a></li>
                        <li><a href="">千牛</a></li>
                    </ul>
                    <p class="left-message-p2">严禁借庆祝建党100周年进行商业营销的公告</p>
                </div>
                <div class="footer">
                    <img src="./image/title_bg.png" alt="">
                    <span>理想生活上天猫</span><span><a href="#">4</a>/<a href="#">5</a></span><br />
                    <img src="./image/TB1xwW3eiLaK1RjSZFxXXamPFXa-502-380.jpg_240x240q90.jpg" alt="">
                    <img src="./image/TB1Cq1HekvoK1RjSZPfXXXPKFXa-502-380.jpg_240x240q90.jpg" alt="">
                </div>
                <div class="right">
                    <p>今日热卖</p>
                    <img src="./image/TB1j4LLKpXXXXcbaXXXSutbFXXX.jpg" alt="">
                </div>
                <div class="produce">
                    <ul>
                        <li><i></i> 充话费</li>
                        <li><i></i>旅行</li>
                        <li><i></i>车险</li>
                        <li><i></i>游戏</li>
                        <li><i></i>彩票</li>
                        <li><i></i>电影</li>
                        <li><i></i>酒店</li>
                        <li><i></i>理财</li>
                    </ul>
                    <span>阿里APP</span><span>更多></span><br>
                <img src="./image/下载 (1).webp" alt="">
                <img src="./image/下载 (2).webp" alt="">
                <img src="./image/下载 (3).webp" alt="">
                <img src="./image/下载 (4).webp" alt="">
                <img src="./image/下载.webp" alt="">
            </div>
        </div>
    </div>
    </div>
</body>

</html>